<div class="banner hidden-xs">
  <div class="container">
    <!--<b>已收录 676 个应用程序</b>-->
    <div class="site-search col-8">
      <div id="search" role="search">
        <label class="sr-only">搜索关键字</label>
        <span class="input_wrap"><input type="text" class="text" [(ngModel)]="bookKey" placeholder="输入关键字搜索"></span>
        <input type="hidden" name="t" value="soft">
        <button type="submit" class="submit" (click)="search()">搜 索</button>
      </div>
    </div>
    <div id="lim-cate-soft" class="filter">
      <a href="#" title="" (mouseenter)="navmove(1)">应用软件</a>
      <a href="#" title="" (mouseenter)="navmove(2)">媒体工具</a>
      <a href="#" title="" (mouseenter)="navmove(3)">网络工具</a>
      <a href="#" title="" (mouseenter)="navmove(4)">开发工具</a>
      <a href="#" title="" (mouseenter)="navmove(5)">图形设计</a>
      <a href="#" title="" (mouseenter)="navmove(6)">行业软件</a>
      <a href="#" title="" (mouseenter)="navmove(7)">安全防护</a>
      <a href="#" title="" (mouseenter)="navmove(8)">系统工具</a>
      <a href="#" title="" (mouseenter)="navmove(9)">游戏</a>
      <a href="#" title="" (mouseenter)="navmove(10)">免费精品</a>
      <a href="#" title="" (mouseenter)="navmove(11)">限时免费</a>
    </div>
  </div>
</div>

<div class="container">
  <div class="column">
    <div class="tit">最新书籍</div>
    <ul class="post_list row">
      <li class="col-lg-3 col-md-3 col-sm-6 col-xs-12" *ngFor="let v of bookList;  index as i;">
        <div class="main">
          <a href="detail/{{v.id}}"><img class="lim-icon" src="{{v.thumb}}">
            <div class="status_bar">
          <span class="item download">
            <i class="icon-download"></i>
            {{v.pushCount==null?0:v.pushCount.count}}
          </span>
              <span class="item data">
              <i class="icon-date"></i>
              {{v.createTime | date: 'y.MM.dd'}}
            </span>
            </div>
            <div class="info">
              <h3>{{v.name}}</h3>
              <p>{{v.description}}</p>
            </div>

          </a>
          <div class="keywords">
            <a href="#" *ngFor="let v of bookList[i].keywordArray;">{{v}}</a>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>

<div class="clear mo"></div>

<div class="container">
  <div class="column">
    <div class="tit">热门书籍</div>
    <ul class="post_list row">
      <li class="col-lg-3 col-md-3 col-sm-6 col-xs-12" *ngFor="let v of hotBookList;  index as i;">
        <div class="main">
          <a href="detail/{{v.id}}"><img class="lim-icon" src="{{v.thumb}}">
            <div class="status_bar">
          <span class="item download">
            <i class="icon-download"></i>
            {{v.pushCount==null?0:v.pushCount.count}}
          </span>
              <span class="item data">
              <i class="icon-date"></i>
              {{v.createTime | date: 'y.MM.dd'}}
            </span>
            </div>
            <div class="info">
              <h3>{{v.name}}</h3>
              <p>{{v.description}}</p>
            </div>

          </a>
          <div class="keywords">
            <a href="#" *ngFor="let v of hotBookList[i].keywordArray;">{{v}}</a>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>

<div class="clear mo"></div>
